.rider_order_statistics
    .noDataBox
        height: auto
        margin-top: 50%;
        transform: translateY(-50%);
    .order_statistics_cont
        padding: 30rpx
        padding-top: 15rpx 
        box-sizing: border-box
        .select_box
            display: flex
            margin-bottom: 30rpx
            .select_item
                display: flex
                position relative
                align-items: center
                padding: 5px 0
                &:after
                    content: ''
                    display: block
                    overflow: hidden
                    width: 50%
                    height: 2px
                    border-radius: 2px
                    background-color: #f8bc23
                    position: absolute
                    bottom: 0
                    left: 50%
                    transform: translateX(-50%)
                    font-weight: bold
                .bottom_icon
                    margin-left: 5rpx
        .order_amount_container
            display: flex
            padding: 30rpx
            box-sizing: border-box
            border-radius: 4px
            justify-content: space-around;
            background-image: linear-gradient(to right,#fdcb2e,#f3ab17);
            .item_box
                display: flex
                flex-direction: column
                align-items: center
                .order_amount
                    display: flex
                    align-items: flex-end
                    font-size: 30px
                    font-weight: bold
                    .order_amount_text
                        font-size: 12px
                        margin-left:3px
                        position: relative
                        bottom: 7px
                        font-weight: normal
                .order_desc_title
                    font-size: 12px
                    margin-top: 3px